<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			h2{
				display: inline-block;
			}
		</style>
		<script type="text/javascript">
			window.onload =function(){
				var h2 = document.getElementsByTagName('h2')
//				获取日期对象
//				var data = new Date();
				
//				获取未来时间的日期对象
//				月分的取值范围是从0-11
				var data = new Date(2018,9,1,0,0,0);

//				document.write(data)
//				或取指定时间到时间原点的毫秒数
				var endTime = data.getTime();
				
			setInterval(function(){
//				获取当前时间的日期对象
				var now = new Date();
//				获得当前时间距离时间原点的毫秒数
				var strtTime = now.getTime();
//				计算相差的毫秒数
				var c = endTime-strtTime;
//				计算天数
				var d = parseInt(c/(24*60*60*1000))
//				计算小时数
				var h =  parseInt(c%(24*60*60*1000)/(60*60*1000))
//				计算 分钟数
				var m =  parseInt(c%(60*60*1000)/(60*1000))
//				计算秒数
				var s = parseInt(c%(60*1000)/1000)
				h2[0].innerHTML = d;
				h2[1].innerHTML = h;
				h2[2].innerHTML = m;
				h2[3].innerHTML = s;
			},1000)
				
				
			}
		</script>
	</head>
	<body>
	
	<div>
		距离十月一放假还有<h2></h2>天<h2></h2>小时<h2></h2>分钟<h2></h2>秒
	</div>
	</body>
</html>
